@charset "utf-8"; @import url(../fonts/iconfont.jpg.css); [class*="icon-"] {
    font-size: 100%;
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

:root {
    --gray: #7F7F7F;
    --red: #ad0002
}

html {
    font-size: 100px;
    transition: all 0s
}

body {
    font-size: 0.16rem;
    font-size: 16px;
    font-weight: 400;
    overflow-x: hidden;
    letter-spacing: 0.005rem;
    -webkit-user-select: none;
    overflow-x: hidden;
    background: #fff
}

.img {
    position: relative;
    overflow: hidden
}

.img>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
    height: 100%
}

.img>a>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.img>a {
    transition: none
}

.img>a:hover {
    transition: none
}

.w {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin: 0 auto
}

.head {
    position: fixed;
    width: 100%;
    height: 1rem;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 100
}

.logo>img {
    height: 0.62rem;
    width: 4rem;
    display: none
}

.image>img {
    width: 100%
}

.headbox {
    position: relative;
    height: 0;
    padding-bottom: caLc(100%/4*1.98)
}

.headbox .swiper-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.logo {
    background: url(../image/logo-h.jpg) no-repeat;
    background-size: auto 100%;
    width: 3rem;
    font-size: 0;
    padding-bottom: calc(3rem/4*0.8);
    flex: 1;
    margin-left: 0.1rem
}

.topbox {
    padding: 0.12rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 9999;
}

.top-txt {
    background: rgba(183, 183, 183, 0.2);
    border-radius: 100rem;
    padding: 0.025rem 0.2rem;
    font-size: 0.14rem
}

.top-txt>a {
    margin-right: 0.2rem
}

.top-txt>a,.top-txt .txt {
    color: rgba(50, 50, 50, 0.6)
}

.top-txt>a:hover {
    color: rgba(50, 50, 50, 1)
}

.snav {
    display: none;
    position: absolute;
    width: 100%;
    top: 0.59rem
}

.snav>a {
    background: rgba(172, 0, 2, 0.85);
    color: #fff;
    display: block;
    text-align: center;
    border-top: 0.01rem solid #fff;
    padding: 0.1rem 0;
    font-size: 0.14rem
}

.nav {
    background: var(--red);
    display: flex;
    color: #fff;
    justify-content: center
}

.nav a {
    color: #fff
}

.nav .item {
    padding: 0 0.2rem;
    height: 0.6rem;
    display: flex;
    align-items: center;
    color: #fff;
    transition: all 0.0s
}

.nav .item:hover {
    filter: brightness(1.08)
}

.nav>dd {
    position: relative
}

.nav>dd.cur .item {
    background: var(--red)
}

.header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    background: #fff;
    height: 1.44rem
}

.zd.header .nav {
    background: transparent
}

.zd.header .nav .item {
    height: 0.45rem
}

.zd.header {
    position: absolute;
    background: transparent
}

.zd.header .snav {
    top: 0.44rem
}

.zd.header .top-txt {
    background: rgba(255, 255, 255, 0.2)
}

.zd.header .top-txt>a,.zd.header .top-txt .txt {
    color: rgba(255, 255, 255, 0.7)
}

.zd.header .top-txt>a:hover {
    color: rgba(255, 255, 255, 1)
}

.zd.header .logo {
    background-image: url(../image/logo-w.jpg)
}

.zd.header .snav>a:hover {
    background: var(--red)
}

.til {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.2rem
}

.til h1 {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 0.24rem;
    color: var(--red)
}

.til h1::before {
    content: "";
    height: 0.26rem;
    width: 0.026rem;
    background: var(--red);
    margin-right: 0.08rem
}

.newsbox .conml-left {
    width: 7.13rem
}

.newsbox .conml-right {
    width: 4.42rem
}

.newsbox {
    margin-top: 0.58rem
}

.newsbox .list {
    background: #f4f4f4;
    display: block
}

.list {
    display: flex;
    align-items: center
}

.list>a>.img {
    padding-bottom: calc(100% / 2 * 1);
    width: 100%
}

.index-news-img {
    padding-bottom: calc(100% / 2 * 1);
    width: 100%
}

.txtbx {
    flex: 1;
    margin-left: 0.18rem;
    margin-right: 0.18rem;
    font-size: 0.14rem;
    margin-top: 0.14rem;
    margin-bottom: 0.14rem
}

.txt-til {
    font-size: 0.18rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: 500
}

.conml-left .list .txt-til,.conml-left .time,.conml-left .more2 {
    height: .24rem
}

.txt-info {
    font-size: 0.14rem;
    line-height: 1.6;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify
}

.list .txt-info {
    margin: 0.16rem 0;
    line-height: 2;
    display: none
}

.list .time {
    color: #7f7f7f;
    font-weight: 300;
    font-size: 0.16rem
}

.list .more2 {
    color: var(--red);
    font-weight: 300;
    text-transform: uppercase
}

.notelist>dd {
    height: 0.58rem;
    display: flex;
    align-items: center;
    border-bottom: #aaaaaa dashed 1px
}

.notelist>dd span {
    flex: 1;
    text-align: right;
    color: #aaaaaa
}

.notelist>dd a {
    width: 65%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.bg {
    background: url(../image/bg2.jpg) no-repeat;
    background-size: 100% auto
}

.bg::before {
    content: "";
    background: url(../image/jt.jpg) no-repeat;
    background-size: auto 100%;
    width: 0.95rem;
    height: 0.42rem;
    display: block;
    margin: 0 auto
}

.tabs {
    margin-top: 0.34rem
}

.tabs>span,.tabs>a {
    font-weight: 600;
    font-size: 0.24rem;
    border-radius: 100rem;
    border: #fff solid 0.02rem;
    color: #fff;
    padding: 0.055rem 0.28rem
}

.tabs>span+span,.tabs>a+a {
    margin-left: 0.8rem
}

.mt {
    margin-top: 0.88rem
}

[class*="colum-"] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between
}

.colum-3>.item {
    width: 31.667%
}

.fcbx {
    overflow: hidden;
    width: 100%
}

.fc-main {
    margin-top: 0.4rem;
    width: 100%;
    display: flex;
    align-items: flex-start
}

.fc-main .item {
    margin-right: 0.16rem
}

.fc-main .item>.img {
    padding-bottom: calc(3.6rem/4*2.76);
    width: 3.6rem
}

.more3 {
    border-radius: 100rem;
    background: #fff;
    color: var(--red);
    padding: 0.08rem 0.2rem;
    margin: 0.3rem auto 0.3rem auto;
    display: inline-block;
    text-transform: uppercase
}

.more3:hover {
    background: var(--red);
    color: #fff
}

.trendsbox .conml-right {
    width: 6rem
}

.trendsbox .conml-left {
    width: 5.58rem
}

.trendsbox {
    margin-top: 0.58rem
}

.dtlist,.gclist {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    min-height: 1.68rem;
    border-top: rgba(0, 0, 0, 0.2) solid 0.01rem
}

.dtlist:last-child,.gclist:last-child {
    border-bottom: rgba(0, 0, 0, 0.2) solid 0.01rem
}

.dtlist .cont,.gclist .cont {
    flex: 1
}

.dtlist>.time,.gclist>.time {
    padding: 0.1rem 0.1rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0.8rem
}

.dtlist>.time {
    background: #f1f1f1;
    margin-left: 0.12rem;
    margin-right: 0.2rem;
    padding: 0.2rem 0.1rem
}

.dtlist>.time>p {
    font-size: 0.12rem
}

.dtlist>.time>span {
    font-size: 0.30rem;
    line-height: 1.5
}

.dtlist .more4 {
    width: 0.37rem;
    height: 0.37rem;
    background: url(../image/dot-jt.jpg) no-repeat;
    background-size: 100% auto;
    margin-left: 0.2rem;
    font-size: 0
}

.dtlist .cont>.time {
    font-size: 0.14rem;
    color: #797979;
    display: flex;
    align-items: center;
    margin: 0.05rem 0
}

.dtlist .cont>.time::before,.icontime {
    width: 0.11rem;
    height: 0.11rem;
    background: url(../image/icontime.jpg) no-repeat;
    background-size: auto 100%;
    content: "";
    margin-right: 0.05rem;
    display: inline-block
}

.icontime {
    margin-right: 0.1rem
}

.dtlist .txt-info {
    color: #5e5e5e
}

.dtlist.cur {
    background: var(--red);
    color: #fff;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0 0.4rem
}

.dtlist.cur>.time {
    display: none
}

.dtlist.cur .more4 {
    width: auto;
    height: auto;
    background: none;
    margin-left: 0rem;
    font-size: 0.14rem;
    border: #fff solid 0.01rem;
    padding: 0.04rem 0.15rem
}

.dtlist.cur .cont {
    flex: none
}

.dtlist.cur .cont>.time {
    display: none
}

.dtlist.cur .txt-info {
    color: #fff;
    margin: 0.1rem auto
}

.gclist .imgbx {
    width: 1.65rem
}

.gclist .imgbx>.img {
    padding-bottom: calc(100%/3*2)
}

.gclist .cont {
    margin: 0 0.2rem 0 0.15rem
}

.gclist>.time>p {
    font-size: 0.12rem
}

.gclist>.time>span {
    font-size: 0.30rem;
    line-height: 1.5
}

.gclist>.time {
    background: #f1f1f1;
    padding: 0.2rem 0.1rem
}

.gclist .txt-info {
    -webkit-line-clamp: 2;
    margin-top: 0.1rem;
    color: #5e5e5e;
    min-height: 0.37rem
}

.gclist>.cont a>span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.dtlist>.cont .txt-til,.gclist>.cont .txt-til {
    font-size: 0.16rem
}

.dtlist.cur>.cont .txt-til {
    font-size: 0.18rem
}

.f-nav,.f-nav .item {
    display: flex;
    align-items: center
}

.f-nav {
    margin: 0.68rem auto
}

.f-nav .item {
    justify-content: center;
    background: #fafafa;
    flex: 1;
    flex-direction: column;
    box-shadow: rgba(138, 0, 13, 0.2) 0 0.04rem 0.16rem;
    padding: 0.20rem 0
}

.f-nav .item+.item {
    margin-left: 0.1rem
}

.f-nav .item>span {
    margin-top: 0.1rem;
    font-size: 0.2rem
}

.f-nav .item .image {
    width: 0.5rem;
    height: 0.5rem;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.4;
    transform: all 0.3
}

.f-nav .item:hover .image {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1
}

footer {
    background: url(../image/f-bg.jpg) top center;
    background-size: 100% auto;
    padding: 0.26rem 0 0 0;
    font-size: 0.18rem;
    margin-top: 1rem
}

.footer-txt {
    padding: 0 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: rgba(255, 255, 255, 0.4) solid 1px;
    padding-bottom: 0.2rem
}

.footer-txt>a {
    flex: 1;
    text-align: center;
    color: #fff
}

.footer {
    padding: 0.3rem 0;
    display: flex;
    flex: 1
}

.flogo {
    width: 2.38rem
}

.flogo>img {
    width: 100%
}

.footer .ficon {
    display: flex;
    align-items: center;
    padding-right: 0.15rem
}

.ficon .image {
    width: 0.52rem;
    position: relative;
    cursor: pointer
}

.ficon .image+.image {
    margin-left: 0.2rem
}

.ficon .image.show .ewm {
    display: block
}

.footer>dd {
    padding: 0.10rem 0
}

.footer>dd+dd {
    border-left: rgba(255, 255, 255, 0.4) solid 1px;
    padding-left: 0.4rem;
    margin-left: 0.4rem
}

.footer .ftxt {
    color: #fff;
    line-height: 2;
    flex: 1
}

.finfo {
    background: #2b2b2b;
    color: #fff;
    padding: 0.12rem 0;
    text-align: center
}

.float {
    position: fixed;
    right: 0.5%;
    bottom: 0.5rem;
    z-index: 20
}

.float>dd {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 0.15rem;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(0.08rem);
    border: var(--red) solid 1px
}

.float>dd+dd {
    border-top: var(--red) solid 1px
}

.float p {
    font-weight: 500;
    margin-top: 0.06rem
}

.banner {
    margin-top: 1.44rem
}

.banner>img {
    width: 100%
}

.conmlbox {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.3rem
}

.sNav {
    width: 3rem
}

.conml-right {
    flex: 1;
    margin-left: 0.5rem
}

.stil {
    background: url(../image/tilbg.jpg) no-repeat right center var(--red);
    background-size: 100% auto;
    font-weight: 500;
    font-size: 0.24rem;
    padding: 0 0.25rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 1.44rem;
    justify-content: center;
    text-transform: uppercase;
    margin-top: -1.44rem;
    position: relative
}

.nav-lsit {
    margin-bottom: 1rem
}

.nav-lsit .item>p {
    background: #eee;
    font-size: 0.18rem;
    display: block;
    padding: 0.23rem 0.3rem;
    margin-top: 0.06rem;
    font-weight: 500;
    cursor: pointer
}

.nav-lsit .item:hover>p,.nav-lsit .item.cur>p,.nav-list>a:hover {
    background: var(--red);
    color: #fff !important
}

.sitem:hover .nav-list {
    display: flex
}

.nav-list {
    display: none;
    flex-direction: column
}

.nav-list>a {
    padding: 0.08rem 0.3rem;
    background: #fafafa;
    margin-top: 0.04rem
}

.smenu {
    display: none
}

.nav-list>a.cur {
    color: var(--red)
}

.cont-head {
    padding: 0 0.25rem;
    position: relative;
    margin-top: 0.08rem;
    margin-bottom: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.cont-head::after {
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: #a3a3a0 solid 1px;
    left: 0;
    bottom: 0
}

.cont-head>h1 {
    padding: 0.1rem 0;
    line-height: 1;
    font-size: 0.24rem;
    font-weight: 500;
    border-bottom: var(--red) solid 0.04rem
}

.wzmap {
    display: flex;
    align-items: center;
    font-size: 0.14rem
}

.wzmap .icon {
    width: 0.15rem;
    height: 0.15rem;
    background: url(../image/map.jpg);
    background-size: 100% 100%;
    margin-right: 0.1rem
}

.wzmap>span::before {
    content: "";
    width: 0.2rem;
    height: 0.2rem;
    background: url(../image/jt2.jpg);
    background-size: 100%;
    display: block;
    margin: 0 0.08rem
}

.cont-txt p {
    text-align: justify;
    text-indent: 0.32rem;
    line-height: 2;
    margin-bottom: 0.15rem
}

.cont-txt img {
    max-width: 100%;
    height: auto !important
}

.zzjg>p {
    text-align: justify;
    line-height: 2;
    display: inline-block;
    margin-bottom: 0.15rem;
    width: 19%
}

.zzjg span {
    display: block;
    width: max-content
}

.cont-txt img {
    max-width: 100%;
    height: auto !important;
    margin: 0 auto;
    display: block
}

.nav-lsit>.item.cur>p+.nav-list,.nav-lsit>.item:hover .nav-list {
    display: flex
}

.imagebox {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.imagebox>.item {
    width: calc(25% - 0.16rem);
    margin: 0 0.08rem 0.16rem 0.08rem
}

.imagebox>.item .img,.poto .img {
    padding-bottom: calc(100%/3*4)
}

.poto {
    width: 4.6rem;
    margin: 0 auto 0.5rem auto
}

.imagebox>.item>p {
    height: 0.48rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: rgba(0, 0, 0, 0.15) solid 1px;
    transition: all 0.1s
}

.imagebox>.item:hover p {
    background: var(--red);
    color: #fff
}

.pagination,#pagination {
    padding: 0.45rem 0.2rem 0.1rem 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.pagination a,.pagination span {
    display: block
}

.pagination li,#pagination li {
    margin: 0 0.02rem;
    flex: none
}

.pagination .active {
    background: var(--red);
    color: #fff
}

.pagination>li a,.pagination>li span {
    border: rgba(0, 0, 0, 0.2) solid 1px;
    border-radius: 0.02rem;
    min-width: 0.5rem;
    height: 0.3rem;
    line-height: 0.3rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0rem 0.2rem
}

.pagination a:hover,#pagination a:hover {
    background: var(--red);
    color: #fff
}

.info-til {
    text-align: center;
    padding: 0.3rem 0;
    border-bottom: #cfcfcf dashed 1px;
    margin-bottom: 0.3rem
}

.info-til>h1 {
    font-size: 0.24rem;
    font-weight: 500;
    margin-bottom: 0.2rem
}

.info-til>span+span {
    margin: 0 0.1rem
}

.cont-foot {
    border-top: #cfcfcf dashed 1px;
    margin: 0.7rem 0 0 0;
    padding-top: 0.4rem;
    display: flex;
    flex-direction: column
}

.cont-foot>a {
    margin: 0.15rem 0
}

.dqlist>a {
    display: flex;
    align-items: center;
    margin: 0.4rem 0;
    color: #666
}

.dqlist>a::before {
    content: "";
    width: 0.07rem;
    height: 0.07rem;
    border-radius: 10rem;
    margin-right: 0.1rem;
    background: #c8c8c8
}

.dqlist>a>span {
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.dqlist>a>i {
    flex: 1;
    text-align: right;
    font-style: normal
}

.dqlist>a:hover {
    color: var(--red)
}

.dqlist>a:hover::before {
    background: var(--red)
}

.dqlist {
    border-bottom: dashed 1px #aeaeae
}

.jxjflist {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.3rem;
    margin-bottom: 2rem
}

.jxjflist>dd {
    width: 25%;
    border-right: #dcdcdc dashed 1px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.4rem 0.1rem;
    position: relative;
    font-size: 0.18rem
}

.jxjflist .imgae {
    width: 0.8rem;
    height: 0.8rem;
    margin-bottom: 0.1rem
}

.imgae>img {
    width: 0.8rem;
    height: 0.8rem
}

.jxjflist>dd::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0.08rem;
    background: #f65344;
    width: 100%
}

.jxjflist>dd:nth-child(4n+2)::after {
    background: #9a59b5
}

.jxjflist>dd:nth-child(4n+3)::after {
    background: #ad0002
}

.jxjflist>dd:nth-child(4n+4)::after {
    background: #3598db
}

.whbox {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap
}

.whbox .item {
    width: calc(33.33% - 0.16rem);
    margin-bottom: 0.24rem
}

.whbox .item>p {
    background: #eeeeee;
    text-align: center;
    padding: 0.1rem 0
}

.whbox .item .img {
    padding-bottom: calc(100%/4*3)
}

.whbox::after {
    width: calc(33.33% - 0.16rem);
    content: ""
}

.jw.list>.img {
    padding-bottom: calc(2rem / 1.618 * 1);
    width: 2rem;
    box-shadow: #fff 0 0 0 1px inset;
    border: #fff solid 1px
}

.jw.list>a>.img {
    padding-bottom: calc(2rem / 1.618 * 1);
    width: 2rem;
    box-shadow: #fff 0 0 0 1px inset;
    border: #fff solid 1px
}

.jw.list {
    padding-bottom: 0.48rem;
    border-bottom: #bfbfbf dashed 1px
}

.jw.list+.jw.list {
    margin-top: 0.48rem
}

.jw.list .txt-info {
    margin: 0.05rem 0 0.24rem 0;
    line-height: 1.6;
    color: #666;
    text-indent: 0.28rem
}

.jw.list .times {
    color: #999999;
    font-size: 0.12rem
}

.indet {
    text-indent: 0.32rem
}

.hzimg {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.hzimg>dd {
    width: 49%
}

.hzimg>dd img {
    width: 100%
}

.hzimg>dd>p {
    text-align: center;
    padding: 0.15rem 0
}

.contact {
    display: flex;
    border-bottom: #eee dashed 1px;
    padding-bottom: 0.2rem;
    margin: 0.2rem
}

.bx {
    border: #ddd solid 1px
}

.contact>dd {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.contact .image {
    width: 0.7rem;
    height: 0.7rem;
    margin-bottom: 0.2rem
}

.contact>dd+dd {
    border-left: #eee dashed 1px
}

.contact>dd h3 {
    font-size: 0.18rem;
    font-weight: 400;
    margin-bottom: 0.07rem
}

.contact>dd p {
    color: #999999;
    font-size: 0.12rem;
    text-align: center;
    padding: 0 0.1rem
}

.iframe {
    width: 100%;
    height: 3.54rem;
    display: block
}

.newsbx .dtlist>.time {
    background: none;
    margin-left: 0;
    margin-right: 0.3rem;
    padding: 0rem 0.1rem
}

.newsbx .dtlist>.time>span {
    font-size: 0.60rem;
    line-height: 1;
    letter-spacing: -0.01rem
}

.newsbx .dtlist>.time>p {
    font-size: 0.22rem
}

.newsbx .dtlist>.cont .txt-til {
    margin-bottom: 0.1rem
}

.newsbx .dtlist .txt-info {
    color: #666666;
    line-height: 1.8
}

.newsbx .dtlist:hover,.newsbx .dtlist:hover .txt-info {
    color: var(--red) !important
}

.newsbx .dtlist {
    border-top: rgba(0, 0, 0, 0.08) solid 0.01rem
}

.zp-txt>h3 {
    font-size: 0.2rem
}

.zp-txt>p>label {
    display: inline-block;
    margin-right: 0.1rem
}

.zp-txt>p {
    margin-top: 0.15rem;
    line-height: 1.8
}

.btn {
    background: var(--red);
    color: #fff;
    border-radius: 0.04rem;
    padding: 0.1rem .4rem;
    margin-top: 0.4rem;
    margin-bottom: 0.2rem
}

.menu {
    margin-right: 0.2rem;
    width: 0.5rem;
    height: 0.5rem;
    background: rgb(51 0 1 / 42%);
    padding: 0.1rem;
    border-radius: 100rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    display: none
}

.menu>img {
    display: none
}

.menu::after {
    width: 70%;
    height: 70%;
    content: "";
    background: #fff;
    display: block;
    mask: url(../image/muen.jpg) no-repeat center / 100% auto;
    -webkit-mask: url(../image/muen.jpg) no-repeat center / 100% auto
}

.float .topbtn {
    display: none
}

.banner>img {
    width: 100%;
    height: auto !important
}

.ewm {
    display: none;
    position: absolute;
    bottom: 0.7rem;
    left: 50%;
    transform: translateX(-50%);
    width: 1.5rem;
    background: #FFF;
    padding: 0.1rem;
    border-radius: 0.08rem;
    box-shadow: #9f0507 0 0 0.3rem 0.05rem
}

.ewm::after {
    width: 0;
    height: 0;
    border-right: 0.1rem solid transparent;
    border-left: 0.1rem solid transparent;
    border-top: 0.1rem solid #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.1rem;
    content: "";
    position: absolute
}

.ewm>img {
    width: 100%
}

.lj:hover {
    color: red
}

.image .swiper-slide img {
    width: 100%;
    height: 100%
}

.sjimage .swiper-slide img {
    width: 100%;
    height: 100%
}

.image video,.sjimage video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.newsbox .conml-left {
    width: 6.4rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.24rem;
    align-content: flex-start
}

.conml-left .til {
    grid-column: 1 / 3
}

.conml-left .list .txt-til {
    margin-bottom: 0.1rem
}

.ccc:hover a.more2 {
    font-size: 0.14rem
}

.videolis {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.32rem
}

.videotil {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.58rem 0 0.36rem 0;
    font-weight: 600;
    font-size: 0.24rem;
    color: var(--red)
}

.videotil>span {
    width: 0.06rem;
    height: 0.06rem;
    border-radius: 100rem;
    background: var(--red);
    margin: 0 0.14rem
}

.videotil::after,.videotil::before {
    content: "";
    flex: 1;
    margin: 0 0.24rem;
    height: 0.02rem
}

.videotil::before {
    background-image: linear-gradient(-90deg, var(--red), transparent)
}

.videotil::after {
    background-image: linear-gradient(-90deg, transparent, var(--red))
}

.videolis>.item .img {
    padding-bottom: calc(100% / 16 * 9);
    width: 100%;
    border-radius: 0.04rem
}

.videolis>.item p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0.16rem;
    height: 0.48rem
}

.v-more {
    display: flex;
    justify-content: end;
    padding: 0.24rem 0 .24rem 0
}

.videolis>.item p,.videolis>.item img,.conmlbox .whbox>.item p,.conmlbox .whbox>.item img {
    transition: all 0.4s ease-out
}

.conmlbox .whbox>.item p {
    height: 0.43rem;
    overflow: hidden
}

.videolis>.item:hover p,.conmlbox .whbox>.item:hover p {
    font-size: .19rem;
    color: var(--red)
}

.videolis>.item:hover img,.conmlbox .whbox>.item:hover img {
    transform: scale(1.1)
}